const CracoAlias = require('craco-alias');

module.exports = {
    // 插件
    plugins: [
        {
            plugin: CracoAlias,
            // 配置项
            options: {
                source: 'tsconfig',
                tsConfigPath: './tsconifg.extend.json'
            }
        }
    ],
    devServer: {
        port: 8080,

        // 配置代理的方式，能够解决跨域的问题
        proxy: {
            // 请求的方式是以 /api开头
            '/api': {
                // 自动会匹配前面的路径
                target: 'https://bj.meituan.com',
                // 代理转发请求时，会将请求头的host改为target值
                changeOrigin: true,
                // 加 /api 只是为了能够让webpack自动识别，转发北京美团的请求
                // 最终生成的路径，又不希望带上这个路径，所以需要替换掉
                pathRewrite: {
                    "^/api": ''
                }
            },
            '/hai': {
                target: 'http://api.xiaohigh.com',
                changeOrigin: true,
                pathRewrite: {
                    '^/hai': ''
                }
            }
        }
    }
}